﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图表工具</title>
    <link href="/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min862f.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="ibox-content">
        <div class="echarts" id="echarts-line-chart"></div>
    </div>
    <script src="/js/jquery.min.js?v=2.1.4"></script>
    <script src="/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="~/js/echarts.js"></script>
    <script src="/js/content.min.js?v=1.0.0"></script>

    <script type="text/javascript">
    myChart = echarts.init(document.getElementById('echarts-line-chart'));
    myChart.showLoading();
    $.post("/templet/GetChart", "", function (data)
    {
        myChart.hideLoading();
        // 填入数据
        myChart.setOption({
            title: {
                text: '模块访问量'
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: data[0]
            },
            toolbox: {
                show: true,
                feature: {
                    mark: { show: true },
                    dataView: { show: true, readOnly: false },
                    magicType: { show: true, type: ['line', 'bar', 'stack', 'tiled'] },
                    restore: { show: true },
                    saveAsImage: { show: true }
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: data[1]

                , yAxis: [
            {
                type: 'value'
            }
            ],
                series: data[2]
        });
    })
    </script>



</body>

</html>

